.bestList {
    *{
        background-repeat:no-repeat;
        background-size:100%;
    }
    .listTab {
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: -80px auto 0;
        position: relative;

        li {
            width: 260px;
            height: 90px;
            cursor: pointer;
            user-select: none;

            &:first-child {
                background: url(../img/list/tab1.png)top center no-repeat;
                background-size: 100% 100%;

                &.active {
                    background: url(../img/list/tab1_a.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }

            &:nth-child(2) {
                background: url(../img/list/tab2.png)top center no-repeat;
                background-size: 100% 100%;

                &.active {
                    background: url(../img/list/tab2_a.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }

            &:nth-child(3) {
                background: url(../img/list/tab3.png)top center no-repeat;
                background-size: 100% 100%;

                &.active {
                    background: url(../img/list/tab3_a.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }
        }
    }

    .userList {
        position: relative;width: 740px;height: 1620px;padding-top: 1px;
        background-image: url(../img/list/user/userBg.png?v=1.0);
        margin: 40px auto 0;
        .userTop0 {
            margin-top: 20px;
        }
        .userTop {
            background-image: url(../img/list/user/topbg4.png);
            position: relative;width: 694px;height: 120px;margin-left: 25px;margin-bottom: 10px;color: #CD83DE;
            .awardBoxu {
                width: 410px;position: absolute;left: 280px;top:17px;
                display:flex;display: -webkit-flex;flex-direction:row;justify-content:space-around;
                .award {
                    display:flex;display: -webkit-flex;flex-direction:column;align-items: center;text-align: center;
                    height: 125px;width: 100px;
                    .imgcls{
                        width: 54px;height: 54px;
                        background-image: url(../img/list/guild/awbg.png);
                        img{
                            max-width: 54px;max-height: 54px;
                        }
                    }
                    .txt {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding-top: 3px;
                        font-size: 12px;
                    }
                }
            }
            .rankN{
                position: absolute;left: 10px;top:5px;
                font-weight: 800;font-size: 14px;color: #CF8CB7;line-height: 14px;
            }

            &.userTop0 {
                background-image: url(../img/list/user/topbg1.png);
                width: 694px;height: 170px;color: #FF6E0E;
                .awardBoxu {
                    left: 280px;top:55px;
                    .award {
                        .txt{
                            color: #FF6E0E;
                        }
                    }
                }
                .infoBox {
                    .headImg {
                        left: 30px;top: 63px;
                    }
                    .infodiv{
                        position: absolute;left: 110px;top: 65px;
                    }
                    .info {
                        color: #FF0000;
                    }
                }
            }

            &.userTop1 {
                background-image: url(../img/list/user/topbg2.png);color: #0E7FFF;
                width: 694px;height: 170px;
                .awardBoxu {
                    left: 280px;top:55px;
                    .award {
                        .txt{

                        }
                    }
                }
                .infoBox {
                    .headImg {
                        left: 32px;top: 66px;
                    }
                    .infodiv{
                        position: absolute;left: 110px;top: 65px;
                    }
                    .info {
                        color: #0C00FF;
                    }
                }
            }

            &.userTop2 {
                background-image: url(../img/list/user/topbg3.png);
                width: 694px;height: 170px;color: #B88456;
                .awardBoxu {
                    left: 280px;top:55px;
                    .award {
                        .txt{

                        }
                    }
                }
                .infoBox {
                    .headImg {
                        left: 38px;top: 68px;
                    }
                    .infodiv{
                        position: absolute;left: 110px;top: 65px;
                    }
                    .info {
                        color:#7B4423;
                    }
                }
            }

            .infoBox {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 220px;

                .headImg {
                    width: 60px;height: 60px;
                    background: url(../img/list/user/headbg.png)top center no-repeat;background-size: 100% 100%;
                    position: absolute;left: 30px;top: 35px;

                    img {
                        width: 58px;height: 58px;border-radius: 50%;
                        position: relative;left: 1px;top: 1px;
                    }

                    span {
                        display: block;
                        position: absolute;
                        bottom: 27px;
                        left: 80px;
                        background: url(../img/list/user/top1Title.png)top center no-repeat;
                        background-size: 100% 100%;
                        width: 53px;
                        height: 23px;
                    }
                }
                .infodiv{
                    position: absolute;left: 100px;top:35px;

                }

                .info {
                    padding-left: 5px;text-align: left;line-height: 20px;color: #AB5ABD;
                    .uname{
                        font-size: 16px;font-weight: 600;
                    }
                    .uid{
                        font-size: 16px;font-weight: 400;
                    }
                }

                .infoScore {
                    width: 180px;height: 20px;padding-left: 5px;
                    background: url(../img/list/user/bgg.png)top center no-repeat;background-size: 100% 100%;


                    span {
                        line-height: 20px;
                        color: #CD83DE;

                    }
                }
            }
        }
        .myScore_box {
            width: 670px;
            height: 70px;
            background: url(../img/list/user/bgg4.png?v=1.0)top center no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            margin: 20px auto 0;
            .title{
                position: relative;width: 150px;
            }

            .myScore {
                width: 520px;
                height: 46px;
                position: relative;
                display: flex;
                align-items: center;


               p{
                   font-weight: 400;
                   font-size: 16px;
                   color: #FB58CB;
               }
                .pn{
                    font-weight: 800;font-size: 20px;color: #FB58CB;font-style: italic;width: 100px;text-align: center;
                }
                .pid{
                    width: 130px;text-align: center;
                }
                .pnn{
                    width: 150px;text-align: center;
                }
                .ps{
                    display: flex;flex-direction: column;font-weight: 400;font-size: 16px;color: #FB58CB;text-align: center;width: 130px;
                }
            }
        }

        .userReward{
            position: absolute;width: 100%;top: 170px;display: none;
            .content{
                position: relative;width: 300px;height: 280px;margin: auto;
                background-image: url(../img/list/user/rewardbg.png?v=1.0);
                .rewarddiv{
                    position: absolute;width: 100px;height: 88px;left: 100px;top:56px;
                    .reimg{
                        position: relative;margin: auto;max-width: 100px;max-height: 88px;border-radius:10px;
                    }
                    .txt{
                        position:absolute;font-weight: 400;font-size: 14px;color: #FF4C70;line-height: 16px;width: 100%;
                        text-align: center;top:93px;
                    }
                }
                .okBtn{
                    background-image: url(../img/list/user/lqubtn.png?v=1.0);
                    position: absolute;width: 180px;height: 40px;left: 60px;top:185px;
                }
                .sm{
                    position: absolute;font-weight: 400;font-size: 12px;color: #DF6F6F;
                    line-height: 16px;text-align: center;width: 100%;top:235px;
                }
                .close{
                    position: absolute;width: 28px;height: 28px;left: 285px;top:-15px; cursor: pointer;
                    background-image: url(../img/list/user/close.png?v=1.0);
                }
            }
        }
    }

    .userTip {
        width: 500px;height: 28px;background: #D4CFFA;border-radius: 14px;margin: 25px auto 0;font-size: 14px;
        text-align: center;color: #49427C;line-height: 28px;
    }

    .anchorList {
        width: 740px;
        height: 1520px;
        background-image: url(../img/list/anchor/anchorBg.png);


        .userTop0 {
            margin-top: 20px;
        }

        .userTop {
            background-image: url(../img/list/anchor/top4.png);
            position: relative;width: 694px;height: 124px;color: #CD83DE;
            .awardBox {
                width: 450px;position: absolute;left: 190px;top:3px;height: 124px;
                display:flex;display: -webkit-flex;flex-direction:row;justify-content:space-around;align-items: center;
                .award {
                    display:flex;flex-direction:column;align-items: center;text-align: center;position: relative;
                    height: 90px;    width: 120px;
                    .imgcls{
                        position:relative;width: 54px;height: 54px;background-image: url(../img/list/guild/awbg.png);
                        display:flex;align-items: center;
                        img{
                            max-width: 54px;max-height: 54px;
                        }
                    }
                    .txt {
                        position:absolute;line-height: 16px;text-align: center;top:55px;font-size: 12px;font-weight: 400;
                    }
                }
            }
            .rankN{
                position: absolute;left: 50px;top:45px;background-size: 100% 100%;width: 82px;height: 32px;
            }

            &.userTop0 {
                background-image: url(../img/list/anchor/top1.png); color: #FF6E0E;
                width: 694px;height: 162px;
                .awardBox {
                    left: 190px;top:30px;
                    .award {

                    }
                }

            }

            &.userTop1 {
                background-image: url(../img/list/anchor/top2.png);
                width: 694px;height: 162px;color: #0E7FFF;
                .awardBox {
                    left: 190px;top:26px;
                    .award {

                    }
                }
            }

            &.userTop2 {
                background-image: url(../img/list/anchor/top3.png);
                width: 694px;height: 162px; color:#CD7455;
                .awardBox {
                    left: 190px;top:26px;
                    .award {

                    }
                }
            }
        }

    }

    .guildList {
        height: 1700px;

        .part1 {
            width: 674px;height: 584px;margin: 20px auto 0;padding-top: 40px;
            padding-bottom: 20px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;
            .part1Item {
                width: 220px;height: 240px; position: relative;
                .headImg {
                    width: 160px;height: 112px; top: -60px;left:30px;position: absolute;

                    .levlDiv{
                        width: 160px;height: 112px;position: absolute;left: 0;top: 0;
                        background-image: url(../img/list/guild/top1.png);
                    }

                    img {
                        width: 76px;height: 76px;border-radius: 50%;position: relative;left: 45px;top: 25px;
                    }

                    span {
                        width: 17px;
                        height: 17px;
                        border: 1px solid #fbeec6;
                        background-color: #ca7625;
                        font-size: 14px;
                        text-align: center;
                        line-height: 17px;
                        color: #fff8af;
                        border-radius: 50%;
                        position: absolute;
                        bottom: -10px;
                        left: 87px;
                        z-index: 2;
                    }
                }

                p:nth-child(2) {
                    font-size: 16px;
                    font-family: PingFangSC;
                    font-weight: 500;
                    color: #6827C9;
                    margin-top: 7px;
                    width: 90%;
                }

                p:nth-child(3) {
                    font-size: 16px;font-weight: 600;color: #FFFFFF;margin-top: 60px;position: relative;text-align: center;
                }

                p:nth-child(4) {
                    width: 220px;
                    height: 26px;
                    text-align: center;
                    line-height: 26px;
                    position: relative;

                    span:first-child {
                        width: 90px;
                        background-color: #b059f7;
                    }

                    span:nth-child(2) {
                        flex: 1;
                        font-size: 16px;
                        font-family: PingFangSC;
                        font-weight: 500;
                        color: #1C1C1C;
                    }
                }
                p:nth-child(5) {
                    font-size: 14px;font-weight: 400;color: #FFFFFF;margin-top: 15px;position: relative;text-align: center;
                    span:nth-child(2){
                        color: #FFFAA2;
                    }
                }

                &.part1Item0 {
                    margin: 0 170px;
                }

                &.part1Item1 {
                    left: -130px;top: -170px;
                    .headImg {
                        .levlDiv{
                            background-image: url(../img/list/guild/top2.png);
                        }
                        span {
                            background-color: #ae54e9;
                            border-color: #fff;
                        }
                    }
                }

                &.part1Item2 {
                    left: 130px;top: -170px;
                    .headImg {
                        .levlDiv{
                            background-image: url(../img/list/guild/top3.png);
                        }



                        span {
                            background-color: #d96136;
                            border-color: #f4b7a2;
                        }
                    }
                }

                &.part1Item3 {
                    margin-right:20px;top:-150px;
                    .headImg {
                        top:-40px;
                        .levlDiv{
                            background-image: url(../img/list/guild/top4.png);width: 90px;height: 90px;left: 35px;
                        }
                        img{top:5px;left: 40px;}
                        span {
                            background-color: #959595;
                            border-color: #fff;
                        }

                    }
                }


                &.part1Item4 {
                    margin-right:20px;top:-150px;
                    .headImg {
                        top:-40px;
                        .levlDiv{
                            background-image: url(../img/list/guild/top5.png);width: 90px;height: 90px;left: 35px;
                        }
                        img{top:5px;left: 40px;}
                        span {
                            background-color: #959595;
                            border-color: #fff;
                        }

                    }
                }

                .back{
                    position:absolute;width: 220px;height: 240px;
                    img{
                        width: 220px;height: 240px;
                    }
                }
            }
        }

        .part2 {
            width: 682px;height: 100px;background-image: url(../img/list/guild/part2.png);margin: auto;
            p:first-child {
                padding-top: 25px;padding-left: 230px;font-size: 14px;color: #C011EC;font-weight: 400;line-height: 24px;width: 57%;
            }

        }

        .part3 {
            width: 682px;
            height: 774px;
            background-image: url(../img/list/guild/award.png);
            margin: 20px auto 0;
            .title{
                display:flex;flex-direction:row;
                .l{
                    background-image: url(../img/list/guild/aw_t.png);width: 132px;height: 28px;
                }
                .r{
                    background-image: url(../img/list/guild/aw_tj.png);width: 10px;height: 14px;margin-top: 7px;margin-left: 40px;
                }
            }
            .con{
                position: relative;left: 50px;    top: 60px;
            }

            .part3Item {
                position: relative;width: 590px;height: 116px;padding: 5px 0;
                .item{
                    position: relative;width: 590px;height: 116px;
                    .awcon{
                        position: relative; left: 200px;top:11px;width: 350px;height: 100px;display:flex;
                        flex-direction:row; justify-content:space-around;align-items: center;
                        .awing{
                            min-width: 70px;padding-top: 0.22rem;
                            .imgcls{
                                width: 54px;height: 54px;margin: auto;
                                background-image: url(../img/list/guild/awbg.png);
                                img{
                                    max-width: 54px;max-height: 54px;
                                }
                            }
                            .aname{
                               font-weight: 400;font-size: 12px;color: #CD83DE;line-height: 14px;
                                text-align: center;padding-top: 2px;
                            }
                        }
                    }
                    &.item0{
                        background-image: url(../../assets/img/list/guild/award0.png);
                    }
                    &.item1{
                        background-image: url(../../assets/img/list/guild/award1.png);
                    }
                    &.item2{
                        background-image: url(../../assets/img/list/guild/award2.png);
                    }
                    &.item3{
                        background-image: url(../../assets/img/list/guild/award3.png);
                    }
                    &.item4{
                        background-image: url(../../assets/img/list/guild/award4.png);
                    }

                }

            }

        }
    }
}
